<template>
	<view class="none-item flex justify-center align-center">
		<view class="none">
			<view class="content text-center">
				<image class="img"
					:src="src"
				></image>
				<view class="text">
					{{text}}
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: 'none-item',
		props: {
			src: {
				type: String,
				required: true,
				default: ''
			},
			text: {
				type: String,
				required: true,
				default: ''
			}
		}
	}
</script>

<style lang="scss" scoped>
.none-item{
	width: 100vw;
	height: 800rpx;
	.none{
		height: 400rpx;
		.content{
			.img{
				width: 300rpx;
				height: 300rpx;
			}
		}
	}
}	
</style>